<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/d3.v4.min.js"></script>
	</head>
	<body>
		<p></p>
		<p></p>
		<p></p>
		<p></p>
		<p></p>
	</body>
	<script>
	// var dataset=[10,20,30];
	// var p=d3.select("body").selectAll("p");
	// //绑定数据之后，分别获取update和exit部分
	// var update=p.data(dataset);
	// var exit=update.exit();
	// //update部分的处理方法是修改内容
	// update.text(function(d){
	// return d;
	// });
	// //exit部分的处理方法是删除元素
	// exit.remove();
	// 处理模板
	var dataset=[10,20,30,40,50,60];
	var p=d3.select("body").selectAll("p");
	//数据绑定后，分别处理update、enter和exit部分
	var update=p.data(dataset);
	var enter=update.enter();
	var exit=update.exit();
	//1、处理update部分
	update.text(function(d){
	return d;
	});
	//2、处理enter部分
	enter.append("p")
	.text(function(d){
	return d;
	});
	//3、处理exit部分
	exit.remove();
	
	
	
	</script>
		

</html>
